<template>
	<header class="header">
		<div class="container">
			<div class="logo">
				<nuxt-link :to="'/'">
					<img src="https://www.ergirl.com/_nuxt/img/logo.5775b03.jpg" alt="">
				</nuxt-link>
			</div>
			<div class="list">
				<ul>
					<li v-for="(item,index) in $store.state.column.list" :key="index">
						<nuxt-link :to="{name: 'list-name',params: {name: item.link}}">
							{{ item.name }}
						</nuxt-link>
					</li>
				</ul>
			</div>
		</div>
	</header>
</template>

<script>
export default {
	name: 'myHeader'
}
</script>

<style scoped lang="less">
.header {
	height: 75px;
	line-height: 75px;
	background-color: #fff;
	box-shadow: 0 0 10px #ccc;

	.logo {
		float: left;
	}

	.list {
		float: left;

		ul {
			li {
				float: left;
				margin: 0 20px;

				a {
				}
			}
		}
	}
}
</style>
